<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>订单服务</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/app.css">

</head>
<body>
    <!-- top Nav -->
    <header class="ui-header ui-header-positive ui-border-b">
        <i class="ui-icon-return" onclick="history.back()"></i>
        <h1>订单服务</h1>
        <a class="go-home" href="/"><i class="ui-icon-home"></i></a>
    </header>
    <!-- 订单服务 -->
    <div class="user-order">
        <div class="uc-order-item">
            <div class="uc-order-title">
                <h4 class="ui-nowrap">南山滑雪场</h4>
                <em class="order-state">待支付</em>
            </div>
            <ul class="ui-list ui-list-link ui-border-tb">
                <li>
                    <a href="user_order_detail.html">
                        <dl>
                            <dt>名称</dt>
                            <dd>
                                南山滑雪场周末(节假日)全天滑雪票
                            </dd>
                        </dl>
                        <dl>
                            <dt>数量</dt>
                            <dd>
                                1张
                            </dd>
                        </dl>
                        <dl>
                            <dt>有效</dt>
                            <dd>
                                2015-12-12~2015-12-25内每周六、周日可以使用
                            </dd>
                        </dl>
                    </a>
                </li>
            </ul>
            <ul class="ui-tiled">
                <li class="ui-btn-row">
                    <em>¥295</em>
                </li>
                <li class="ui-btn-row">
                    <a href="user_pay.html" class="ui-btn-lg ui-btn-danger">
                        立即支付
                    </a>
                </li>
            </ul>
        </div>
        <div class="uc-order-item">
            <div class="uc-order-title">
                <h4 class="ui-nowrap">南山滑雪场</h4>
                <em class="order-state">已支付</em>
            </div>
            <ul class="ui-list ui-list-link ui-border-tb">
                <li>
                    <a href="user_order_detail.html">
                        <dl>
                            <dt>名称</dt>
                            <dd>
                                南山滑雪场周末(节假日)全天滑雪票
                            </dd>
                        </dl>
                        <dl>
                            <dt>数量</dt>
                            <dd>
                                1张
                            </dd>
                        </dl>
                        <dl>
                            <dt>有效</dt>
                            <dd>
                                2015-12-12~2015-12-25内每周六、周日可以使用
                            </dd>
                        </dl>
                    </a>
                </li>
            </ul>
            <ul class="ui-tiled">
                <li class="ui-btn-row">
                    <em>¥295</em>
                </li>
                <li class="ui-btn-row">
                    <a href="user_comment.html" class="ui-btn-lg">
                        去评论
                    </a>
                </li>
                <li class="ui-btn-row">
                    <a href="index.html" class="ui-btn-lg ui-btn-primary">
                        再次购买
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="mask"></div>
    <script src="js/lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <script src="js/app.js"></script>

</body>
</html>